﻿<!DOCTYPE html>

<html>

<head>
{include file="public/header"/}
<link rel="stylesheet" href="/static/tpl/css/swiper.min.css">
    <script src="/static/tpl/js/swiper.min.js"></script>
    <script src="/static/tpl/js/banner.js"></script>
    <script src="/static/tpl/js/index.js"></script>
    <script src="/static/tpl/js/hc-sticky.js"></script>
<script src="/static/tpl/js/aside-sticky.js"></script>
</head>

<body>

{include file="public/channel"/}


<div class="clear blank"></div>

<article>
  <!-- banner begin-->
        <div class="banner">
            <div class="swiper-container">
                <div class="swiper-wrapper">
                    {volist name="$fragments.13" id="v"}
                    <div class="swiper-slide"><a href="{$v.valuex}"><img src="{$v.annexes}"><span>{$v.name}</span></a></div>
                    {/volist}
                    <!-- <div class="swiper-slide"><a href="#"><img src="/static/tpl/images/banner2.jpg"><span>广告</span></a></div>
                    <div class="swiper-slide"><a href="#"><img src="/static/tpl/images/banner3.jpg"><span>独家</span></a></div> -->
                </div>
                <div class="swiper-pagination"></div>
                <div class="swiper-button-next"></div>
                <div class="swiper-button-prev"></div>
            </div>
        </div>
        <!-- banner end-->
        <!-- headline-boc begin-->
        <div class="headline-box whitebg">
            <div class="headline-news">
                <h2 class="headline-news-title">{if condition="$pnanName neq false"}{$pnavName}{else/}{$gnavName}{/if}</h2>
                <!-- <h2 class="headline-news-title"><a href="/index/news/detail/id/{$v.id}.html" title="{$v.title}">{$v.title}</a></h2> -->
                <p class="headline-news-smalltext" title="{$v.summary}">网站建设价格_企业网站建设方案_低费用的企业网站排名SEO技术搭建公司网站_cms网站程序模板定制让网站快速排名首页_《青于蓝》专业网站设计制作_打造企业官网排名竞争力</p>

                <ul class="headline-news-list">
                    <li><a href="/" title="安静地做一个爱设计的女子">安静地做一个爱设计的女子</a></li>
                    <li><a href="/" title="作为一个设计师,如果遭到质疑你是否能恪守自己的原则?">作为一个设计师,如果遭到质疑你是否能恪守自己的原则?</a></li>
                    <li><a href="/" title="Come on,行动起来吧!我们和时间来一场赛跑!">Come on,行动起来吧!我们和时间来一场赛跑!</a></li>
                    <li><a href="/" title="网易博客关闭，何不从此开始潇洒行走江湖！">网易博客关闭，何不从此开始潇洒行走江湖！</a></li>
                    <li><a href="/" title="【告别2018】耕耘才有所得，付出才有收获">【告别2018】耕耘才有所得，付出才有收获</a></li>
                    <li><a href="/" title="个人网站做好了，百度不收录怎么办？来，看看他们怎么做的。">个人网站做好了，百度不收录怎么办？来，看看他们怎么做的。</a></li>
                </ul>
            </div>
        </div>
        <!-- headline-box end-->



  <div class="clear blank"></div>

  <div class="pics box whitebg">

    <ul id="tab">

      <li class="tab-current">个人网站</li>

    </ul>

    <div class="plr20">

      <section>

        <div class="pics-list-price">

          <ul>

            <li><a href="/"><i><img src="/static/tpl/images/pic07.jpg"></i>

              <h2>企业网站模板《青于蓝》</h2>

              <p>以黑色为主色调，使用html5,css3,jquery等技术，实现页面适应手机以及电脑，平板等。手写的原生代码，布局合理，代码精简</p>

              <span class="price-area"><em>￥</em>300</span><span class="pics-btn">立即购买</span></a></li>

            <li><a href="/"><i><img src="/static/tpl/images/pic02.jpg"></i>

              <h2>企业网站模板《青于蓝》</h2>

              <p>以黑色为主色调，使用html5,css3,jquery等技术，实现页面适应手机以及电脑，平板等。手写的原生代码，布局合理，代码精简</p>

              <span class="price-area"><em>￥</em>300</span><span class="pics-btn">立即购买</span></a></li>

            <li><a href="/"><i><img src="/static/tpl/images/pic03.jpg"></i>

              <h2>企业网站模板《青于蓝》</h2>

              <p>以黑色为主色调，使用html5,css3,jquery等技术，实现页面适应手机以及电脑，平板等。手写的原生代码，布局合理，代码精简</p>

              <span class="price-area"><em>￥</em>300</span><span class="pics-btn">立即购买</span></a></li>

            <li><a href="/"><i><img src="/static/tpl/images/pic04.jpg"></i>

              <h2>企业网站模板《青于蓝》</h2>

              <p>以黑色为主色调，使用html5,css3,jquery等技术，实现页面适应手机以及电脑，平板等。手写的原生代码，布局合理，代码精简</p>

              <span class="price-area"><em>￥</em>300</span><span class="pics-btn">立即购买</span></a></li>

            <li><a href="/"><i><img src="/static/tpl/images/pic05.jpg"></i>

              <h2>企业网站模板《青于蓝》</h2>

              <p>以黑色为主色调，使用html5,css3,jquery等技术，实现页面适应手机以及电脑，平板等。手写的原生代码，布局合理，代码精简</p>

              <span class="price-area"><em>￥</em>300</span><span class="pics-btn">立即购买</span></a></li>

            <li><a href="/"><i><img src="/static/tpl/images/pic06.jpg"></i>

              <h2>企业网站模板《青于蓝》</h2>

              <p>以黑色为主色调，使用html5,css3,jquery等技术，实现页面适应手机以及电脑，平板等。手写的原生代码，布局合理，代码精简</p>

              <span class="price-area"><em>￥</em>300</span><span class="pics-btn">立即购买</span></a></li>

            <li><a href="/"><i><img src="/static/tpl/images/pic08.jpg"></i>

              <h2>企业网站模板《青于蓝》</h2>

              <p>以黑色为主色调，使用html5,css3,jquery等技术，实现页面适应手机以及电脑，平板等。手写的原生代码，布局合理，代码精简</p>

              <span class="price-area"><em>￥</em>300</span><span class="pics-btn">立即购买</span></a></li>

            <li><a href="/"><i><img src="/static/tpl/images/pic09.jpg"></i>

              <h2>企业网站模板《青于蓝》</h2>

              <p>以黑色为主色调，使用html5,css3,jquery等技术，实现页面适应手机以及电脑，平板等。手写的原生代码，布局合理，代码精简</p>

              <span class="price-area"><em>￥</em>300</span><span class="pics-btn">立即购买</span></a></li>

          </ul>

        </div>

        <span class="tab-a-more"><a href="/" title="更多个人网站"><i></i><i></i><i></i></a></span></section>

    </div>

    <div class="pagelist"><a title="Total record">&nbsp;<b>51</b> </a>&nbsp;&nbsp;&nbsp;<b>1</b>&nbsp;<a href="/">2</a>&nbsp;<a href="/">3</a>&nbsp;<a href="/">4</a>&nbsp;<a href="/">5</a>&nbsp;<a href="/">下一页</a>&nbsp;<a href="/">尾页</a></div>

  </div>

  <!-- pics end-->

  <div class="clear blank"></div>

</article>

{include file="public/footer"/}
</body>

</html>